@charset "UTF-8";
@import "_reset.scss";
@import "_sprite.scss";
$basefontsize:16px;
$basefontcolor:#333333;
.cl-fl {
  float: left;
}

.cl-fr {
  float: right;
}

.cl-clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.cl-clear {
  zoom: 1;
}

.cl-list-time {
  position: absolute;
  right: 0;
  top: 0;
}

/**
 * 常规元素reset
 */
a{color: $basefontcolor;}

.wrap{ @extend %clf; @extend %w10;position: relative;}
.section{@extend %clf;}


/**
 * icon样式表
 */

@include sprites($spritesheetSprites);

/**
 * 1通用头部-------------icon
 */

.icon-home {
  @include sprite-width($iconHome);
}


/**
  * 1.循环动效
  */

.revealOnScroll {
  opacity: 0;
}

.revealOnScroll.animated {
  opacity: 1;
}

.slide-market50 {
  animation: slide-market50 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}

@keyframes slide-market50 {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
  }
}


/**
 * 分页条样式
 */

.page-num {
  width: 1000px;
  margin: 0 auto;
  margin-top: 80px;
  @include flc(16px, 34px, none, center);
  a {
    display: inline-block;
    @include wah(auto, 34px, none);
    vertical-align: -13px;
  }
  a.z_num, .z_pret {
    background: #F4F4F4;
    width: 34px;
    color: #333333;
    border-radius: 5px;
    border: 1px solid #ccc;
  }
  .z_num:hover {
    background: #F97908;
    color: #fff;
  }
  input.z_num {
    height: 34px;
    border: 1px solid #ccc;
    text-align: center;
  }
  .z_pret{
    padding: 0px 5px;
  }
}
